<template>
  <div class="container-box">
    <van-tabs class="tab-box"  color="#01A0EF" v-model="active">
      <van-tab v-for="(item, index) in tabList" :key="index" :title="item">
        <proposalHome v-if="index==0"></proposalHome>
        <VoteHome v-if="index==1"></VoteHome>
        <SurveyHome v-if="index==2"></SurveyHome>
      </van-tab>
    </van-tabs>
  </div>
</template>

<script>
import proposalHome from "./../../proposal/proposalHome2"; 
import VoteHome from "./../../vote/VoteHome"; 
import SurveyHome from "./../../survey/SurveryList"; 

export default {
  name: "ajwlHuD",
  components:{
    proposalHome,
    VoteHome,
    SurveyHome
  },
  data() {
    return {
      active: 0,
      tabList:["合理化建议","投票","问卷"]
    }
  },
};
</script>

<style lang="scss" scoped>
.container-box {
  width: 100%;
  height: 100%;
}
.tab-box {
  width: 100%;
  height: 100%;
}
</style>

